/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@hotmail.com
$revision: beta $ 界面设计制作--家有懒妻 QQ63622719
*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{
	color:#000;
	font-weight: normal;
	text-decoration: none; font-size:12px;
	
}
a:visited {
	
	font-weight: normal;
	text-decoration: none;font-family:'Microsoft Yahei';
}
a:hover {
	color:#FF0000;font-family:'Microsoft Yahei';
	font-weight: normal;
	text-decoration: none;
}
 a:active {
   font-family:'Microsoft Yahei';
	font-weight: normal;
	text-decoration: none;
}
body{
	font-family:arial;
	font-family:'Microsoft Yahei';
	color: #000;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 
input { border:1px solid #C7C7C7; padding:1px; width:38px;}

.clear{height:10px;overflow:hidden;clear:both;}
#demo {background: #FFF;overflow:hidden;width: 98%; margin:0 auto;padding-top:20px; padding-bottom:10px}
#demo  ul { margin:10px 6px; float:left; width:155px; height:148px; border:1px solid #CCCCCC; }
#demo  li { clear:both; width:155px; text-align:center;}
#demo  li img { width:155px; height:136px; }
#demo img {border:1px solid #CCCCCC; width:155px; height:136px;padding:1px;}
#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo1 img { width:260px; height:260px; border:1px solid #ccc; padding:2px; margin:5px;} 
#demo2 {float: left;}
#demo2 img { width:260px; height:260px; border:1px solid #ccc; padding:2px; margin:5px;} 
#pager_List{ text-align:center}
.text {
	clear:right;line-height:25px; text-align:left; color:#000; padding:10px; padding-left:20px;/**/
}
.text h1{font-size:13px; display : inline; color:#790202;}
.text1 {
	clear:right;line-height:26px; text-align:left; color:#666666; padding:10px;/**/
}
.text1 h1{ margin:0px; text-align:center; color:#d64c04; font-size:14px}
.text1 .other{ text-align:center; line-height:35px;}
.text1.contxt{ margin:5px}
.map {
	float:left;
	margin:5px;
	padding:10px 5px 0 10px; margin-top:10px;
}
.head { clear:both; text-align:center; width:100%; height:145px;}
.top { clear:both;  width:1200px; margin:0 auto;}

.logo { float:left; width:800px; text-align:left; height:100px;}
.tel { float:right; width:400px; text-align:right; height:100px;}


.dh { clear:both; width:100%; background:#292929; height:42px;}
.dh ul { width:1200px; margin:0 auto; }
.dh li { width:150px; float:left; text-align:center;background:url("../images/dh-jg.jpg") right center no-repeat;}
.dh li a { color:#FFFFFF; font-size:14px; font-family:'Microsoft Yahei'; display:block; height:42px; line-height:42px;}
.dh li a:hover { display:block; background:#FFCC00;}

/* mainbanner */
.mainbanner{ clear:both;height:500px;overflow:hidden; position:relative; background:#880209;}
.mainbanner_window{left:50%;width:2000px;height:500px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:500px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:2000px;height:500px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:390px;width:500px;height:30px;margin-left:-75px;position:absolute;}
.mainbanner_list li{width:30px;height:30px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{background:url("../images/50c15ece07fd0f3407000083.png") no-repeat;width:25px;height:25px;line-height:25px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background-position:0 -30px;text-decoration:none;}
.mainbanner_list li a:hover{background-position:0 -30px;text-decoration:none;}

.i-tita {font-size:36px; text-align:center; font-weight:normal; margin-bottom:15px; overflow:hidden; color:#ff0000; padding-top:20px;}
.i-tita strong { color:#CC0000;font-size:36px; font-weight:bold;}
.i-titb {font-size:36px; text-align:center; font-weight:normal; margin-bottom:15px; padding-bottom:20px; overflow:hidden; color:#000; padding-top:20px; background:url(../images/i-tjtbj.jpg) bottom no-repeat; font-weight:bold;}

.i-fl { clear:both; width:1200px; margin:0 auto;}
.i-fl li { float:left; text-align:left; margin:10px;}
.i-fl li a { border:1px solid #000; padding:15px 25px; text-align:center; display:block;font-family:'Microsoft Yahei'; font-size:16px; color:#000000; }
.i-fl li a:hover { display:block; background:#FF0000; color:#FFFFFF;font-family:'Microsoft Yahei'; font-size:16px;}

.i-ab-t { width:100%; clear:both; background:url(../images/i-ab-tit.jpg) top center no-repeat; height:240px;}
.i-about { clear:both; padding-top:30px; height:300px; width:1200px; margin:0 auto}
.i-about .ab { float:left; width:660px; text-align:left; line-height:35px;font-family:'Microsoft Yahei'; font-size:16px; color:#000;}
.i-about .ab h1 { display:inline}
.i-about .at a { color:#FF0000;}
.i-about .ap { float:left; width:530px; text-align:left;}
.i-tit1 { clear:both; color:#F9C500; font-size:20px; font-family:'Microsoft Yahei'; text-align:left; height:40px; line-height:40px; padding-bottom:15px; }
.i-tit1 span { float:right; font-size:12px;}
.i-tit1 a { color:#FFFFFF;}

.i-news { float:left; width:600px;}
.i-news ul { width:100px; float:left; border:1px solid #E8E8E8; background:url(../images/d-tit.jpg) repeat-x; height:100px;}
.i-news li { clear:both;}
.i-news dl { float:left; width:450px; padding-left:20px; height:105px;}
.i-news dt { clear:both; text-align:left;}
.i-news dt a{ font-size:16px; font-weight:bold;}
.i-news dd { clear:both; line-height:25px; text-align:left; color:#999999;}
.i-news dd a { color:#333}
.years { clear:both; text-align:center; font-size:14px; font-weight:bold; padding-top:8px; height:25px;}
.day { clear:both; color:#FFFFFF; text-align:center; font-size:40px; padding-top:10px; height:65px; line-height:65px;}

.flash { clear:both; width:1000px; margin:0 auto;}
.main { width:1200px; margin:0 auto; overflow:hidden; min-height:580px;}
.links{ width:980px; margin:0 auto; overflow:hidden; padding-top:10px; line-height:20px}
.i-tit { clear:both; text-align:left;  background:#dadada; overflow:hidden;}
.i-tit font {  padding:10px; background:#CC0000; color:#FFFFFF;font-family:'Microsoft Yahei'; font-size:16px; line-height:40px;}
.i-tit span { float:right; line-height:40px; padding-right:10px;}
.dqwz { clear:both; width:100%; background:url(../images/dqwz.jpg) repeat-x; height:50px; padding-top:10px;}
.dqwz li { clear:both; line-height:35px; line-height:35px; text-align:left; width:1180px; margin:0 auto; background:url(../images/dqwz-ico.jpg) left center no-repeat; padding-left:20px;}

.sy_prolist{ width:1200px; margin:0 auto; overflow:hidden;  margin-top:10px; margin-bottom:30px;}
.sy_prolist ul{ width:100%; overflow:hidden; }
.sy_prolist li{list-style:none; width:22%;*width:21.9%; margin:2% 1.5% 0;  float:left; line-height:20px; text-align:center;cursor:pointer}
.sy_prolist li a{ overflow:hidden; width:100%; display:block; font-size:16px;}
.sy_prolist li p{ margin:5px 0 0; font-size:15px;}
.sy_prolist img{ width:100%; display:block; height:auto;}
.sy_prolist ul li:hover img{transform: scale(1.1, 1.1);	-ms-transform:scale(1.1, 1.1); 	/* iE 9 */	-moz-transform:scale(1.1, 1.1); 		-webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s;  -o-transition: all .8s ease 0s;  -webkit-transition: all .8s ease 0s;   transition: all .8s ease 0s;}


.pica{width:210px;height:210px;display:table;text-align:center; border:1px solid #cacaca; background:#FFFFFF;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:210px;}
.pica img {width: expression(this.width > 210 ? 210: true); max-width: 210px; height: expression(this.height > 210 ? 210: true); max-height: 210px;}



.left { float:left; width:266px;  background:#650101; overflow:hidden;}



.left-tit {padding-top:8px; height:22px; padding-left:12px; font-weight:bold; font-size:14px; color:#000;}
.left-fl { width:266px; padding-bottom:20px; float:left; background:#650101; overflow:hidden;}
.left-fl ul {clear:both; width:230px; padding:10px; margin:0 auto; background:#650101; overflow:hidden;}
.left-fl li { clear:both; text-align:left; margin-top:5px; }
.left-fl li a:link ,.left-fl li a:visited { color:#F9C500; padding-left:15px; display:block; background:#D3001A;font-family:'Microsoft Yahei'; font-size:14px; border:1px solid #BA0101; height:30px; line-height:30px;}
.left-fl li a:hover { color:#fff; text-decoration:underline;padding-left:15px; background:#BC040E;}
.left-fl dt { float:left; width:90px; padding-left:20px; line-height:30px; border:0px;}


.left-fl1 { width:266px; padding-bottom:20px; float:left; background:#F6F6F6; overflow:hidden;}
.left-fl1 ul {clear:both;   margin:0 auto;  overflow:hidden;}
.left-fl1 li { float:left; width:120px; text-align:left; margin:5px; }
.left-fl1 li a:link ,.left-fl1 li a:visited { color:#fff; padding-left:15px; display:block; background:#BC040E;font-family:'Microsoft Yahei'; font-size:16px; border:1px solid #E3E0E0; height:35px; line-height:35px;}
.left-fl1 li a:hover { color:#fff; text-decoration:underline;padding-left:15px; background:#BC040E; color:#FFFF00;}


.left-news { clear:both; padding-bottom:30PX;}
.left-news ul { clear:both; width:250px; margin:0 auto; background:#650101; overflow:hidden;}
.left-news li { clear:both; padding-left:10px; line-height:30px; height:30px; text-align:left;}
.left-news li span { float:right;}
.left-news li a {font-family:'Microsoft Yahei'; font-size:14px; color:#F9C500;}
.left-news li a:hover { color:#FFFFFF;}

.fla  a:link , .fla a:visited { display:block; background:url(../Images/left-fl.gif) no-repeat; padding-top:8px; height:19px; padding-left:30px;}
.fla  a:hover { display:block;background:url(../Images/left-fl2.gif) no-repeat; padding-top:8px; height:19px; color:#ff0000; padding-left:30px;}


.left-lxwm {  overflow:hidden; padding-bottom:20px;}
.left-lxwm ul { padding:0px;}
.left-lxwm li { clear:both; text-align:left; color:#999999; padding-left:10px; line-height:25px;}


.right { float:LEFT; width:900px; padding-left:20PX;}

.right-tit {background:url(../Images/line.png) left bottom repeat-x;text-align:left; font-size:14px; color:#D94B03; font-family:'Microsoft Yahei'; font-size:18px; font-weight:bold; padding-top:14px; height:30px;}
.right-tit span { float:right; padding-right:30px; color:#F9C500;}
.right-tit a:link , .right-tit a:visited { color:#FFD200;}
.right-tit1 { clear:both;}
.about { clear:both; font-size:13px; line-height:30px;}
.about p { font-size:16px}
.about-banner { clear:both; width:100%; background:url(../Images/b-contact.jpg) top center no-repeat; height:200px;}


.news { clear:both; padding:10px; width:1180px; border-bottom:1px dashed #ddd; height:210px;}
.news ul { float:left; width:200px;}
.news ul img { width:200px;} 
.news li { clear:both; color:#999999}
.news li span { color:333; float:right;}
.news li p { color:#666666; font-size:14px; padding-left:10px;}
.news li a { font-size:14px; color:#000; }
.news li .tit { font-size:20px; font-weight:bold;}
.ckxx { clear:both; margin:10px;}
.ckxx a{ border:1px solid #ff0000; width:60px; padding:5px 20px; font-size:16px; display:block;background:#FF0000; color:#fff; }
.ckxx a:hover { background:#fff; color:#ff0000; display:block;}



.news-xx {  line-height:25px; padding:10px; font-size:14px; color:#FFFFFF;}
.news-xx p { font-size:14px; color:#111;}
.news-title { clear:both; width:100%; padding-bottom:30px;}
.news-title  h1 { border-bottom:1px dashed #CCCCCC; padding-top:10px; padding-bottom:10px; color:#000; font-size:50px; font-weight:bold;}
.other { clear:both; text-align:right;}
.zxbj { clear:both; width:1200px; margin:0 auto; background:#F5F5F5; padding-top:30px; height:100px;}
.zxbj ul { clear:both; padding-left:100px;}
.zxbj li { color:#666666; font-size:14px; clear:both; padding-top:10px;}
.zxbj li strong { color:#FF0000; font-size:24px; font-weight:bold;}
.zxbj li span { float:right; padding-right:40px;}

.product { width:900px; overflow:hidden; padding-bottom:10px; padding-top:10px;}

.product ul { margin:8px 10px; overflow:hidden; float:left;  width:202px; }
.product li { clear:both; text-align:center; line-height:30px; background:#D20019;color:#F9C500;}
.product li a:link ,.roduct li a:visited {color:#F9C500;}
.product li a:hover { text-decoration:underline;}

.p-xx { float:left; width:450px; padding-left:20px;}
.p-xx li { clear:both; text-align:left; height:30px; line-height:30px; font-size:14px;}
.p-xx li span { width:100px;}


.product-nav { clear:both; text-align:center; padding:10px;}
.product-img { text-align:center; width:100%;}
.product-img img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.product-text {width:700px; overflow:hidden; padding-bottom:10px; }
.p-a{width:660px;text-align:center;margin:0 auto;}
.p-a img { border:1px solid #CCCCCC; padding:2px;}

.product-name { clear:both; text-align:left; }
.product-name h1 {color:#FF9900; font-size:30px; font-weight:bold;font-family:'Microsoft Yahei'; text-align:left;}

.product-pic { float:left; width:500px;}
.product-text { clear:both; text-align:left; line-height:22px; padding-top:20px;}



.picb{width:200px;height:200px;display:table;text-align:center; border:1px solid #cacaca; background:#FFFFFF;}
.picb span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:200px;}
.picb img {width: expression(this.width > 200 ? 200: true); max-width: 200px; height: expression(this.height > 200 ? 200: true); max-height: 200px;}


.picc{ float:left; width:600px;height:600px;display:table;text-align:center; border:1px solid #cacaca; background:#FFFFFF;}
.picc span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:600px;}
.picc img {width: expression(this.width > 600 ? 600: true); max-width: 600px; height: expression(this.height > 600 ? 600: true); max-height: 600px;}


.contact { clear:both; width:1200px; margin:0 auto; padding-top:40px; font-size:16px; text-align:left; line-height:30px; color:#333333; height:220px; background:url(../images/contact-bj.jpg) right no-repeat;}
.contact strong { color:#FF0000; font-weight:bold; font-size:30px;}




.foot { clear:both; background:url(../images/foot.jpg) repeat-x; width:100%; height:180px; }
.foot ul { width:1200px; margin:0 auto;  }
.foot li { clear:both;  font-size:12px; color:#fff; line-height:25px;}
.foot li a { color:#FFFFFF;}
.foot  span { float:right; padding-right:10px; color:#fff;}

.rollBox{width:830px;overflow:hidden; float:left}
.rollBox .Cont{width:830px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:100000px;}
.rollBox .Cont .pic{width:150px;float:left;text-align:center;height:120px;padding:10px; }
.rollBox .Cont .pic img{display:block;margin:0 auto; width:150px; height:112px;}
.rollBox #List1,.rollBox #List2{float:left;}


#pager_List{ text-align:center}
.kf_top{
	background-image:url(/Template/images/KF_1.gif);
	background-repeat: no-repeat;
	width:109px;
	height:35px;}
.kf_bg{
	background-image: url(/Template/images/KF_2.jpg);
	background-repeat: repeat-y;
	text-align:center;
	width:109px;
	padding:10px 0px;	
}
.kf_bg li{ padding:5px 0px}
.kf_bottom{
	background-image: url(/Template/images/KF_3.gif);
	background-repeat: no-repeat;	
	width:109px;
	height:67px;
}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999; color:#000000;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq  li a{ color:#000000}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}